<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <meta name="renderer" content="webkit" />
	    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
        <title>书店设计</title>
        <link href="favicon.ico" rel="shortcut icon">
        <link rel="stylesheet" href="css/common/swiper.css">
        <link rel="stylesheet" href="css/common/base.css">
        <link rel="stylesheet" href="css/common/media.css">
        <link rel="stylesheet" href="css/common/animation.css">
        <link rel="stylesheet" href="css/cases/style.css">
        <link rel="stylesheet" href="css/cases/sonCaseNav.css">
        <script src="js/common/loading.js"></script>
    </head>
    <body>
        <div id="loadingDiv"></div>
        <div class="beginning left flex flex-align-items">
                <img src="img/common/bodyBg.jpg" class="bg obj-c" alt="">
                <i class="line top"></i>
                <i class="line bottom"></i>
                <img src="img/common/beginningLogo.png" alt="入场logo图">
        </div>
        <div class="beginning right flex flex-align-items">
                <img src="img/common/bodyBg.jpg" class="bg obj-c" alt="">
                <i class="line top"></i>
                <i class="line bottom"></i>
                <img src="img/common/beginningLogoTxt.png" alt="入场logo文字">
        </div>
        <div class="cutLetter flex flex-align-items flex-justify-content">
            <img src="img/common/bodyBg.jpg" class="bg obj-c" alt="">
            <p>创意</p>
            <p class="mid">规范</p>
            <p>智能</p>
        </div>
        <div class="container horizontal">
            <header>
                <div class='fluid'>
                    <nav class="pcMenu flex">
                        <a class="picBox flex-align-items" href="index.html">
                            <img src="img/common/headerNavLogo.png" alt="logo">
                            <img src="img/common/t.png" alt="logoTxt">
                        </a>
                        <div class="nav">
                            <ul class="flex">
                                <li><a href="index.html">首页</a></li>
                                <li><a href="about.html">关于我们</a></li>
                                <li>
                                    <a class="fNav" href="bookstoreDesign.html">书店设计<img src="img/common/sonArrow.png" alt=""></a>
                                    <div class="sonMenu">
                                        <div class="box">
                                            <a href="bookstoreDesign_1.html">书城</a>
                                            <a href="bookstoreDesign_2.html">图书馆</a>
                                            <a href="bookstoreDesign_3.html">书店</a>
                                            <a href="bookstoreDesign_4.html">校园书吧</a>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <a class="fNav" href="commercialSpace.html">商业设计<img src="img/common/sonArrow.png" alt=""></a>
                                    <div class="sonMenu">
                                        <div class="box">
                                            <a href="commercialSpace_1.html">医疗</a>
                                            <a href="commercialSpace_2.html">餐饮</a>
                                            <a href="commercialSpace_3.html">酒店</a>
                                            <a href="commercialSpace_4.html">民宿</a>
                                            <a href="commercialSpace_5.html">酒吧</a>
                                            <a href="commercialSpace_6.html">会所</a>
                                            <a href="commercialSpace_7.html">办公空间</a>
                                            <a href="commercialSpace_8.html">社区</a>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <a class="fNav" href="houseDesign.html">别墅设计<img src="img/common/sonArrow.png" alt=""></a>
                                    <div class="sonMenu">
                                        <div class="box">
                                            <a href="houseDesign_1.html">别墅</a>
                                            <a href="houseDesign_2.html">样板房</a>
                                            <a href="houseDesign_3.html">普通住宅</a>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <a class="fNav" href="museumDesign.html">展厅设计<img src="img/common/sonArrow.png" alt=""></a>
                                    <div class="sonMenu">
                                        <div class="box">
                                            <a href="museumDesign_1.html">博物馆</a>
                                            <a href="museumDesign_2.html">展厅</a>
                                            <a href="museumDesign_3.html">售楼处</a>
                                        </div>
                                    </div>
                                </li>
                                <li><a href="cases.html">全部案例</a></li>
                                <li><a href="team.html">设计团队</a></li>
                                <li>
                                    <a class="fNav" href="recruit.html">人才招聘<img src="img/common/sonArrow.png" alt=""></a>
                                    <div class="sonMenu">
                                        <div class="box">
                                            <a href="recruit_1.html">校园招聘</a>
                                            <a href="recruit_2.html">社会招聘</a>
                                            <a href="recruit_3.html">公司实习</a>
                                        </div>
                                    </div>
                                </li>
                                <li><a href="news.html">新闻中心</a></li>
                                <li><a href="contactUs.html">联系方式</a></li>
                            </ul>
                        </div>
                        <img src="img/common/flipBtn.png" class="cursor menuBtn flex" alt="导航栏按钮">
                    </nav>
                </div>                
            </header>
            <main>
                 <div class="cases fluid ready">
                    <div class="title">
                        <p class="chn"><span>书店设计</span></p>
                        <p class="eng"><span>CASE</span></p>
                        <i class="tp horizontal"></i>
                        <i class="lft vertical"></i>
                        <i class="btm horizontal"></i>
                        <i class="rht vertical"></i>
                        <ul class="casesNav nav flex">
                            <li class="current flex flex-align-items">
                                <div class="sonMenu">
                                    <ul>
                                        <li class="flex flex-align-items"><i class="line"></i><a href="bookstoreDesign_1.html">书城</a></li>
                                        <li class="flex flex-align-items"><i class="line"></i><a href="bookstoreDesign_2.html">图书馆</a></li>
                                        <li class="flex flex-align-items"><i class="line"></i><a href="bookstoreDesign_3.html">书店</a></li>
                                        <li class="flex flex-align-items"><i class="line"></i><a href="bookstoreDesign_4.html">校园书吧</a></li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="contn">
                        <div class="box grid">
                            <div class="grid-sizer"></div>
                            <div class="grid-item">
                                <a href="example.html">
                                    <p class="pic">
                                        <img src="img/index/case1.jpg" alt="案例图片">
                                    </p>
                                    <p class="addr flex flex-align-items"><span class="flex flex-align-items"><img src="img/index/smBook.png" alt="">慈溪书城</span><span>300㎡</span></p>
                                </a>
                            </div>
                            <div class="grid-item">
                                <a href="example.html">
                                    <p class="pic">
                                        <img src="img/index/case2.jpg" alt="案例图片">
                                    </p>
                                    <p class="addr flex flex-align-items"><span class="flex flex-align-items"><img src="img/index/smBook.png" alt="">慈溪书城</span><span>300㎡</span></p>
                                </a>
                            </div>
                            <div class="grid-item">
                                <a href="example.html">
                                    <p class="pic">
                                        <img src="img/index/case3.jpg" alt="案例图片">
                                    </p>
                                    <p class="addr flex flex-align-items"><span class="flex flex-align-items"><img src="img/index/smBook.png" alt="">慈溪书城</span><span>300㎡</span></p>
                                </a>
                            </div>
                            <div class="grid-item">
                                <a href="example.html">
                                    <p class="pic">
                                        <img src="img/cases/IMG_3254(1).jpg" alt="案例图片">
                                    </p>
                                    <p class="addr flex flex-align-items"><span class="flex flex-align-items"><img src="img/index/smBook.png" alt="">慈溪书城</span><span>300㎡</span></p>
                                </a>
                            </div>
                            <div class="grid-item">
                                <a href="example.html">
                                    <p class="pic">
                                        <img src="img/cases/IMG_3255(1).jpg" alt="案例图片">
                                    </p>
                                    <p class="addr flex flex-align-items"><span class="flex flex-align-items"><img src="img/index/smBook.png" alt="">慈溪书城</span><span>300㎡</span></p>
                                </a>
                            </div>
                            <div class="grid-item">
                                <a href="example.html">
                                    <p class="pic">
                                        <img src="img/cases/IMG_3257(1).jpg" alt="案例图片">
                                    </p>
                                    <p class="addr flex flex-align-items"><span class="flex flex-align-items"><img src="img/index/smBook.png" alt="">慈溪书城</span><span>300㎡</span></p>
                                </a>
                            </div>
                            <div class="grid-item">
                                <a href="example.html">
                                    <p class="pic">
                                        <img src="img/index/case3.jpg" alt="案例图片">
                                    </p>
                                    <p class="addr flex flex-align-items"><span class="flex flex-align-items"><img src="img/index/smBook.png" alt="">慈溪书城</span><span>300㎡</span></p>
                                </a>
                            </div>
                            <div class="grid-item">
                                <a href="example.html">
                                    <p class="pic">
                                        <img src="img/index/case2.jpg" alt="案例图片">
                                    </p>
                                    <p class="addr flex flex-align-items"><span class="flex flex-align-items"><img src="img/index/smBook.png" alt="">慈溪书城</span><span>300㎡</span></p>
                                </a>
                            </div>
                            <div class="grid-item">
                                <a href="example.html">
                                    <p class="pic">
                                        <img src="img/index/case1.jpg" alt="案例图片">
                                    </p>
                                    <p class="addr flex flex-align-items"><span class="flex flex-align-items"><img src="img/index/smBook.png" alt="">慈溪书城</span><span>300㎡</span></p>
                                </a>
                            </div>
                        </div>
                        <div class="choosePage flex flex-align-items flex-justify-content">
                            <a href="bookstoreDesign_4.html" class="line prev"><i></i></a>
                            <a href="bookstoreDesign_4.html" class="current">1<span><i class="line"></i></span></a><a href="bookstoreDesign_4.html">2<span><i class="line"></i></span></a><a href="bookstoreDesign_4.html">3<span><i class="line"></i></span></a><a href="bookstoreDesign_4.html">4<span><i class="line"></i></span></a><a href="bookstoreDesign_4.html" class='ellipsis'>...<span><i class="line"></i></span></a><a href="bookstoreDesign_4.html">15<span><i class="line"></i></span></a><a href="bookstoreDesign_4.html">16<span><i class="line"></i></span></a>
                            <a href="bookstoreDesign_4.html" class="line next"><i></i></a>
                        </div>
                    </div>
                </div>
            </main>
            <footer>
                <div class='footage'>
                    <div class="fluid">
                        <ul>
                            <li class="flex">
                                <img src="img/common/footLogo.png" alt="底部logo图">
                                <div class="txt">
                                    <p class="eng">CONTACT</p>
                                    <p class="chn">联系我们</p>
                                </div>
                            </li>
                            <li>
                                <p class="title flex flex-align-items"><i class="line"></i>TEL</p>
                                <span>0574-55862158</span>
                            </li>
                            <li>
                                <p class="title flex flex-align-items"><i class="line"></i>QQ</p>
                                <span>153165622</span>
                            </li>
                            <li>
                                <p class="title flex flex-align-items"><i class="line"></i>CELL</p>
                                <span>153165622</span>
                            </li>
                            <li>
                                <p class="title flex flex-align-items"><i class="line"></i>E-MAIL</p>
                                <span>153165622@qq.com</span>
                            </li>
                            <li>
                                <p class="title flex flex-align-items"><i class="line"></i>ADD</p>
                                <span>宁波市海曙区文化路12号106室</span>
                            </li>
                        </ul>
                        
                        <div class="support flex flex-align-items">
                            <div class="vxQQ">
                                <div class="code flex flex-align-items flex-justify-content">
                                    <img src="img/common/vxCode.png" alt="">
                                </div>
                                <div class="sign flex ">
                                    <p class="item qq flex">
                                        <img src="img/common/qq.png" alt="qq">
                                    </p>
                                    <p class="item vx flex">
                                        <img class="triangle" src="img/common/triangle.png" alt="三角箭头">
                                        <img src="img/common/vx.png" alt="vx">
                                    </p>
                                </div>
                            </div>
                            <span>©2019 宁波吉曼环境艺术设计有限公司</span>
                            <span>技术支持：穿石科技</span>
                        </div>
                    </div>
                </div>
            </footer>
            <div class="windowSide">
                <div class="box flex">
                    <div class="item cursor"><img src="img/common/cell.png" alt="电话图标"><p>0574-55862158</p></div>
                    <div class="item cursor"><img src="img/common/sideQq.png" alt="qq图标"><p>153164622</p></div>
                    <div class="item cursor"><img src="img/common/sideVx.png" alt="微信图标"><p>weasn0529</p></div>
                    <div class="item cursor toTop"><img src="img/common/backTop.png" alt="置顶图标"><p></p></div>
                </div>
            </div>
        </div>
        
       
        <script src="js/common/swiper.js"></script>
        <script src="js/common/jquery.js"></script>
        <script src="js/common/common.js"></script>
        <script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
        <script src="js/all/cases.js"></script>
        <script src="js/common/animation.js"></script>
        <script src="js/common/choosePage.js"></script>
    </body>
</html>